#xheader-carousel{width:100%; height:400px; position:absolute; top:0; left:0; z-index:0;  }
#xheader-carousel .item img{height:400px; }
.bs-slider{overflow:hidden; position: relative; }
.bs-slider:hover {cursor: -moz-grab; cursor: -webkit-grab; }
.bs-slider:active {cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.bs-slider .bs-slider-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); }
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important; }
.fade {opacity: 1; }
.fade .item {top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }
.fade .item:first-child {top: auto; position: relative; }
.fade .item.active {opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }
.carousel-indicators li{width: 60px;height: 13px}
.carousel-indicators .active{width: 60px;height: 13px}
@media screen and (max-width: 768px){
    .carousel-indicators li{width: 12px;height: 12px}
    .carousel-indicators .active{width: 12px;height: 12px}
}